<section style="background: #ffffff; border-radius: 12px; padding: 25px; margin: 20px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.05);">
  <div style="font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;">
    <div style="display: flex; align-items: center; margin-bottom: 15px;">
      <span style="background: #4a6bdf; color: white; padding: 8px 16px; border-radius: 20px; font-size: 18px; font-weight: 600;">
        01
      </span>
      <h2 style="font-size: 22px; color: #333; margin-left: 15px; font-weight: 600;">
        <span>
          文章标题示例
        </span>
      </h2>
    </div>
    
    <p style="font-size: 16px; line-height: 1.8; color: #555; margin: 0 0 20px; padding: 0 10px;">
      <span>
        这里是文章内容示例。这个模板采用了现代简约风格，使用干净的白色背景和微妙的阴影效果。标题和序号采用水平排列，整体布局更加紧凑和现代化。
      </span>
    </p>

    <div style="text-align: right;">
      <a href="https://example.com" style="display: inline-flex; align-items: center; color: #4a6bdf; text-decoration: none; font-weight: 500; font-size: 15px; padding: 8px 16px; border-radius: 20px; border: 1px solid #4a6bdf;">
        <span style="margin-right: 8px;">More</span>
        <span style="font-size: 16px;">→</span>
      </a>
    </div>
  </div>
</section>